<template>
	<view class="flex flex-align-center flex-space-between">
		<view class="flex flex-align-center" v-for="(item, index) in filterList" :key="index">
			<text class="font32 color-b3 f-b">{{ item.name }}</text>
			<image v-if="item.icon" style="width: 24rpx;height: 16rpx;margin-left: 12rpx;" src="http://jiaoyukehu.oss-cn-beijing.aliyuncs.com/static/home/angle_bottom.png" mode=""></image>
		</view>
	</view>
</template>

<script setup lang="ts">
	import { ref } from 'vue';
	const filterList = ref(
		[
			{ name: '全部', value: '0', icon: true },
			{ name: '全部', value: '1', icon: true },
			{ name: '距离优先', value: '2', icon: false },
			{ name: '好评优先', value: '3', icon: false },
		]
	)
</script>

<style lang="scss">

</style>
